<script type="text/html" template>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/css/reset.css">
    <link rel="stylesheet" href="{{ layui.setter.base }}style/css/transaction/allocation_index.css">
</script>

<div class="layui-fluid">
    <div class="layui-table-title">
        工单详细信息
    </div>
    <div class="layui-table-box-1">
        <ul class="layui-row">
            <li class="layui-col-md4 layui-col-sm4">
                <div>工单名称：<span id='tcReqName'></span></div>
                <div>OA申请编号：<span id='fil02'></span></div>
                <div>申请日期：<span id="fil10"></span></div>
            </li>
            <li class="layui-col-md4 layui-col-sm4">
                <div>工单编号：<span id='fil01'></span></div>
                <div>调拨时间：<span id="time"></span></div>
                <div>
                    原所属公司：<span id="oldazp"></span>
                </div>
            </li>
            <li class="layui-col-md4 layui-col-sm4">
                <div>工单状态：<span id="fil05"></span></div>
                <div>申请人：<span id="gen02"></span></div>
                <div>拟调往公司：<span id="newazp"></span></div>
            </li>
            <li class="layui-col-md4 layui-col-sm4">

            </li>
        </ul>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">调拨说明:</label>
            <div class="layui-input-block">
                <textarea name="desc" id="fil21" readonly placeholder="设备不能使用" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注:</label>
            <div class="layui-input-block">
                <textarea name="desc" id="fil07" readonly placeholder="请输入备注" class="layui-textarea"></textarea>
            </div>
        </div>


    </div>
    <table class="layui-table" id="LAY-app-content-comm"></table>

</div>
<style scoped>
    .columnCustomBtn {
        position: relative;
        width: 26px;
        height: 26px;
        padding: 5px;
        line-height: 16px;
        margin-right: 10px;
        text-align: center;
        color: #333;
        border: 1px solid #ccc;
        cursor: pointer;
        -webkit-transition: .5s all;
        transition: .5s all;
    }
</style>
<script>
    layui.use(['admin', 'form', 'user', 'table', 'api', 'laytpl', 'utill', 'laydate', 'jquery', 'layer'], function () {
        var $ = layui.$,
            admin = layui.admin,
            view = layui.view,
            api = layui.api,
            table = layui.table,
            setter = layui.setter,
            laytpl = layui.laytpl,
            utill = layui.utill,
            laydate = layui.laydate,
            layer = layui.layer,
            form = layui.form,
            router = layui.router();
        var href = JSON.parse(sessionStorage.getItem('layui-this'));
        $(href).addClass('layui-this');
        utill.columnCustom('#LAY-app-content-comm', "FilFileFiaListVO", {
            url: api.host + api.selectDBFiaList,
            method: 'POST',
            where: {
                fil01: layui.router().search.fil01
            },
        });
        admin.req({
            url: api.host + api.FilFileDBSelectFilFileDetails,
            data: {
                id: layui.router().search.id
            },
            done: function (res) {
                var text = ''
                if (res.data.fil05 == 0) {
                    text = '未提交'
                } else if (res.data.fil05 == 1) {
                    text = '待审核'
                }
                else if (res.data.fil05 == 6) {
                    text = 'OA送审中'
                }
                else if (res.data.fil05 == 9) {
                    text = '归档已完成'
                }
                $('#fil05').html(text)
                $('#time').html(res.data.fil12)
                $('#fil02').html(res.data.fil02)
                $('#fil07').val(res.data.fil07)
                $('#fil21').val(res.data.fil21)
                $('#fil01').html(res.data.fil01)
                $('#gen02').html(res.data.gen02)
                $('#oldazp').html(res.data.oldazp)
                $('#fil21').html(res.data.fil21)
                $('#tcReqName').html(res.data.tcReqName)
                $('#newazp').html(res.data.newazp)
                $('#fil10').html(res.data.fil10)
            }
        });
    });
</script>